<template>
  <div class="flex h-full w-full gap-3">
    <div class="flex-[1] flex-shrink-0 rounded-lg bg-white">
      <ToolNav />
    </div>
    <div class="flex flex-[3] flex-col rounded-lg bg-white">
      <!--      <div class="flex-shrink-0"><TaskBar /></div>-->

      <div class="h-full w-full overflow-auto p-2">
        <ScrollPanel style="width: 100%; height: 100%" :dt="{bar : {background: '#e5e5e5',}}">
          <router-view></router-view>
        </ScrollPanel>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import ToolNav from '@/components/ToolNav.vue'
// import TaskBar from '@/components/TaskBar.vue'
</script>

<style scoped></style>
